<template>
  <el-button class="dialog-btn" plain @click="dialogVisible = true">
    {{ btnName }}
  </el-button>

  <el-dialog
    v-model="dialogVisible"
    :title="title"
  >
    <slot/>
  </el-dialog>
</template>

<script setup>
import { ref } from 'vue'
defineProps({
  btnName: {
    type: String,
    default: '更多信息'
  },
  title: {
    type: String,
    default: '更多信息'
  }
})

const dialogVisible = ref(false)
</script>
